<template>
    <el-tabs
        v-model="activeName"
        type="card"
        class="demo-tabs"
        :key="activeName"
        @tab-click="handleClick"
    >
        <el-tab-pane label="交接班记录" name="first">
            <ChangeOfDutyRecord></ChangeOfDutyRecord>
        </el-tab-pane>
        <el-tab-pane label="交接班任务" name="second">
            <ChangeOfDutyTask></ChangeOfDutyTask>
        </el-tab-pane>
    </el-tabs>
</template>

<script setup>
import ChangeOfDutyRecord from "./ChangeOfDutyRecord.vue";
import ChangeOfDutyTask from "./ChangeOfDutyTask.vue";
import { ref } from "vue";
const activeName = ref("first");
const handleClick = () => {};
</script>

<style scoped lang="less"></style>